<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
    integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
  <link rel="stylesheet" href="../css/overrule event.css">
  
  <script src="../utils/jquery-3.6.0.js"></script>
  <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
    integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
    crossorigin="anonymous"></script>
</head>

<body>
  <div lass="container-fluid">
    <!-- 内部内容 -->
    <div class="internalContent">
      <div class="internal-top">
        <h4>被驳回事件记录</h4>
        <div></div>
      </div>
      <div class="query-title">
        <div></div>
        <p><strong>查询条件</strong></p>
      </div>
      <div class="queries">
        <div id="date">
          <div id="startTime">
            <div class="Time" for=""><span id="TimeFont">上报时间：</span></div>
            <input type="date" v-model="startTime" class="choose1">
            <div id="TimeRight"></div>
          </div>
          <div id="endTime">
            <div class="time2" for=""><span id="TimeFont">to</span></div>
            <input type="date" v-model="endTime" class="choose1" >
            <div id="TimeRight"></div>
          </div>
        </div>
        <div class="eventClassification">
          <p>事件分类：</p>
          <input type="text" class="form-control  searchInp" placeholder="请输入想要查询的事件分类"> 
          <!-- <select class="drop-down">
            <option >--请选择--</option>
            <option >血液科</option>
            <option >新生儿小婴儿科</option>
            <option >康复科</option>
            <option >肾脏免疫科</option>
          </select> -->
        </div>
        <div class="eventClassification">
          <p>上报科室：</p>
          
          <select class="drop-down">
            <option class="">--请选择--</option>
            <option class="血液科">血液科</option>
            <option class="新生儿小婴儿科">新生儿小婴儿科</option>
            <option class="康复科">康复科</option>
            <option class="肾脏免疫科">肾脏免疫科</option>
          </select>
        </div>
        <button type="button" class="button1">查询</button>
        <button class="button2">清除</button>
      </div>
      <div id="tableTopics">
        <div></div>
        <p><strong>审批不通过事件报告列表</strong></p>
      </div>
      <div>
        <table class="table table-bordered" id="tableA">
          <thead class="theadA">
              <tr>
                  <th class="tH">不良事件编码</th>
                  <th class="tH">不良事件状态</th>
                  <th class="tH">事件分类</th>
                  <th class="tH">上报日期</th>
                  <th class="tH">驳回日期</th>
                  <th class="tH">操作</th>
              </tr>
          </thead>
          <tbody class="tbodyB">
            
              
                  <!-- <tr>
                    <td class="tR-1">GRBL20180319102942699</td>
                  <td>审批不通过</td>
                  <td>医疗医技</td>
                  <td>2018-04-12</td>
                  <td>2018-04-16</td>
                  <td>
                      <button class="tR-Btn">查看</button>
                  </td>
                  </tr> -->
          </tbody>
      </table>
      </div>
      <div id="page-Number">
        <nav aria-label="Page navigation">
            <ul class="pagination">
                <li>
                    <a href="#" class="prev" >
                        <span>首页</span>
                    </a>
                </li>
                <!-- <li class="active"><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li> -->
                <li>
                    <a href="#"  class="next">
                        <span>下一页</span>
                    </a>
                </li>
            </ul>
        </nav>
    </div>
    </div>
   </div>
   
    <script>
      var oDiv = $('#u35');
      var oUl = $('#ul1');
      oDiv.click(function () {
        oUl.slideToggle()
      })
      $('.div2').click(function () {
        $('.ul2').slideToggle()
      })
      $('.div3').click(function () {
        $('.ul3').slideToggle()
      })
      $('.div4').click(function () {
        $('.ul4').slideToggle()
      })
      $('.div5').click(function () {
        $('.ul5').slideToggle()
      })
      $('.div6').click(function () {
        $('.ul6').slideToggle()
      })
    </script>
    <script src="../js/overrule event.js"></script>
</body>

</html>